<template>
  <div class="item" >
      <van-swipe-cell >
        <van-card
          class="item-cartd"
            :price="item.productPrice"
            :desc="item.productSubTitle "
            :title="item.productName"
            :thumb="item.productPic"
          >
        </van-card>
      <template #right>
       <slot></slot>
      </template>
    </van-swipe-cell>
  </div>
</template>

<script>
export default {
  name:'GoodItem',
  props: {
    item: {
      type: Object,
      default: ()=>({})
    },
  },
}
</script>
<style lang="less" scoped>
.item{
  display: flex;
  margin-bottom: 4px;
  border-top: 1px solid #fafafa;
  border-bottom: 1px solid #fafafa;
  background-color: #fff;
  .van-card{
    background-color: transparent;
  }
}
</style>